<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/dian.css">
</head>
<body>
	
	<div class="taboutter">
		<div class="tabinner">
			<div class="tabheader">
				<ul>
					<li>头条</li>
					<li>热点</li>
					<li>新鲜事</li>
				</ul>
			</div>
				<div class="tabbody">
					<div class="tab" style="display:none">
						<p>我们总是一边抱怨生活的无聊一边羡慕那些行动者，一天当中做出的最大的努力就是思考中午该吃西红柿炒蛋盖饭，还是炒米线，而每到夜深人静时扪心自问，又懊恼得恨不得去撞墙，并且咬牙发狠明天一定要怎样怎样。当我们说“我想怎样怎样”的时候，其实并不是真的想，而是想让别人看起来我们仍有雄心壮志。真正想怎样的人，他们总是什么都不说，一扭头找人借辆自行车，骑着就走了当我跑步时，我在想些什么当一切只剩下生存二字，你有什么理由去颓废？ 人生没有什么是一定的。 
						</p>
					</div>
					<div class="tab" style="display:none">
						<p>我们总是一边抱怨生活的无聊一边羡慕那些行动者，一天当中做出的最大的努力就是思考中午该吃西红柿炒蛋盖饭，还是炒米线，而每到夜深人静时扪心自问，又懊恼得恨不得去撞墙，并且咬牙发狠明天一定要怎样怎样。当我们说“我想怎样怎样”的时候，其实并不是真的想，而是想让别人看起来我们仍有雄心壮志。真正想怎样的人，
						</p>
					</div>
					<div class="tab" style="display:none">
						<p>我们总是一边抱怨生活的无聊一边羡慕那些行动者，一天当中做出的最大的努力就是思考中午该吃西红柿炒蛋盖饭，还是炒米线，而每到夜深人静时扪心自问，又懊恼得恨不得去撞墙，并且咬牙发狠明天一定要怎样怎样。当
						</p>
					</div>
				</div>
		</div>
	</div>

	<script type="text/javascript" src="js/jquery3.js"></script>
	<script>
		$('ul li').click(function(){
			var i = $(this).index();

			$('.tab').each(function(){
				var current=$(this).index();
				if(current == i){
					$(this).css('display','block');
				}else{
					$(this).css('display','none');
				
				}
			})
		});
	</script>

</body>
</html>